<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>实验五</title>
	<link rel="stylesheet" href="css/css.css">
	<script src="js/js.js"></script>
</head>

<body>
	<div class="container" id="wrap">
		<ul>
			<li class="liactive">首图</li>
			<li>模拟购物车</li>
			<li>我的信息</li>
		</ul>
		<div class="dactive">
			<img src="img/im.png" />
		</div>
		<div>
			<table id="otable">
				<tr>
					<th class="tha"><input class="chkipt" type="checkbox" name="" id="sAll" value="" />全选</th>
					<th>商品</th>
					<th>单价</th>
					<th>数量</th>
					<th>小计</th>
					<th>操作</th>
				</tr>
				<tr>
					<td class="tda"><input class="chkipt" type="checkbox" name="" id="" value="" /></td>
					<td class="tdb"><img src="img/live.png" />"<span class="text">文学大师经典代表作：活着+百年孤独（精装共2册）</span></td>
					<td class="tdc">75.00</td>
					<td class="tdd">
						<span class="reduce">-</span>
						<input class="cipt" type="text" value="1"></input>
						<span class="add">+</span>
					</td>
					<td class="tde">75.00</td>
					<td class="tdf"><span class="delete">删除<span></td>
				</tr>
				<tr>
					<td class="tda"><input class="chkipt" type="checkbox" name="" id="" value="" /></td>
					<td class="tdb"><img src="img/ball.png" /><span class="text">比赛篮球7号篮球金色经典赛事室内外PU皮耐磨</span></td>
					<td class="tdc">149.00</td>
					<td class="tdd">
						<span class="reduce">-</span>
						<input class="cipt" type="text" value="1"></input>
						<span class="add">+</span>
					</td>
					<td class="tde">149.00</td>
					<td class="tdf"><span class="delete">删除<span></td>
				</tr>
				<tr>
					<td class="tda"><input class="chkipt" type="checkbox" name="" id="" value="" /></td>
					<td class="tdb"><img src="img/yama.png" /><span class="text">G12单板民谣吉他初学者面单木吉他G15新手入门吉它乐器
							【经典款】G12-41寸单板-原木色</span></td>
					<td class="tdc">388.00</td>
					<td class="tdd">
						<span class="reduce">-</span>
						<input class="cipt" type="text" value="1"></input>
						<span class="add">+</span>
					</td>
					<td class="tde">388.00</td>
					<td class="tdf"><span class="delete">删除<span></td>
				</tr>
				<tr>
					<td class="tda"><input class="chkipt" type="checkbox" name="" id="" value="" /></td>
					<td class="tdb"><img src="img/yu.png">"<span class="text">DHS羽毛球拍对拍套装碳素羽拍E-EG810已穿线（含羽毛球手胶）</span>
					</td>
					<td class="tdc">128.00</td>
					<td class="tdd">
						<span class="reduce">-</span>
						<input class="cipt" type="text" value="1"></input>
						<span class="add">+</span>
					</td>
					<td class="tde">128.00</td>
					<td class="tdf"><span class="delete">删除<span></td>
				</tr>
				<tr>
					<td class="tda"><input class="chkipt" type="checkbox" name="" id="" value="" /></td>
					<td class="tdb"><img src="img/nova9.png" /><span class="text">nova9 新品手机 9号色
							8+128G全网通（66W充电套装）</span></td>
					<td class="tdc">2699.01</td>
					<td class="tdd">
						<span class="reduce">-</span>
						<input class="cipt" type="text" value="1"></input>
						<span class="add">+</span>
					</td>
					<td class="tde">2699.01</td>
					<td class="tdf"><span class="delete">删除<span></td>
				</tr>
				<tr>
					<td class="bottom"><input type="button" name="" id="" value="删除所选" /></td>
					<td colspan="4" class="bottom">已选商品<span class="sel">0</span>件-------合计：￥<span class="sel">0</span>元
					</td>
					<td class="bottom"><span class="js">结算<span></td>
				</tr>
			</table>
		</div>
		<div>
			<p id="op"></p>
		</div>
	</div>
</body>

</html>